@extends('layouts.console_header')

@section('title', '平台资金流水')

@section('resources')
    @parent
<style>
    .query_id{background-color: #fff;border-radius: 5px;display: inline-block;text-align: center;line-height: 30px;cursor: pointer;position: absolute;top: 55px;right: 5px;}
    .service_charge{border-top: 1px solid #808080;padding-top: 40px;background-color: #fff;}
    .service_charge .title{border-left: 3px solid #9955c6;padding-left: 20px;margin-left: 20px;font-size: 20px;}
    .service_charge ul{overflow: hidden;margin: 10px 60px;border-top: 1px solid #999;}
    .service_charge ul li{float: left;overflow: hidden;}
    .service_charge ul .content{width: 200px;}
    .service_charge ul .service_mark{width: 50px;margin: 10px 0;text-align: center;}
    .service_charge ul li p{float: left;width: 100%;text-align: center;margin: 10px 0;}
    .refund_user_money{width: 500px;background-color: #fff;position: absolute;top: 200px;left: 50%;margin-left: -250px;box-shadow: 0px 0px 5px 5px rgba(128,128,128,0.5);display: none;z-index: 1001;}
    .refund_user_money .title{width: 100%;height: 50px;line-height: 50px;}
    .refund_user_money .title img{width: 20px;height: 20px;margin: 15px 20px;}
    .refund_user_money .title span{margin-left: 20px;font-weight: 900;}
    .refund_user_money .content{margin-bottom: 20px;}
    .refund_user_money .content li{overflow: hidden;margin: 10px 20px;}
    .refund_user_money .content li span{float: left;width: 60px;text-align: right;margin-right: 10px;height: 30px;line-height: 30px;font-size: 14px;}
    .refund_user_money .content li input{float: left;width: 200px;margin-right: 10px;border: 1px solid #ddd;border-radius: 5px;padding: 5px;height: 20px;}
    .refund_user_money .content li textarea{float: left;width: 200px;margin-right: 10px;border: 1px solid #ddd;border-radius: 5px;padding: 5px;height: 50px;}
    .refund_user_money .content li .note{color: red;float: left;width: 100%;margin-top: 10px;font-size: 14px;}
    .refund_user_money .user_message{margin: 10px 15px;font-size: 13px;color: #808080;display: none;}
    .refund_user_money .user_message li{overflow: hidden;margin-bottom: 20px;}
    .refund_user_money .user_message li span{float: left;margin-right: 20px;}
    .refund_user_money .user_message li p{overflow: hidden;}
    .refund_user_money .user_message li p span{margin-right: 10px;}
    .refund_user_money .button input{width: 100px;height: 30px;border-radius: 5px;margin: 0 20px 20px 20px;cursor: pointer;}
</style>
@endsection

@section('content')
<!--  html内容  -->
<section class="user_list">
	<div style="border-bottom: 2px solid #9955c6;overflow: hidden;">
		<p class="fz_14 account_title fl" style="border: none;">
		    <span style="color: #7f7f7f;"><a href="/console/index">首页</a>>财务中心></span>
		    <span class="co_violet">平台资金流水</span>
		</p>
	</div>
	<table class="finance_top_list">
		<tr>
			<th>充值收入(元)</th>
			<th>-</th>
			<th>商家支出(元)</th>
			<th>-</th>
			<th>商家待支出(元)</th>
            <th>-</th>
			<th>退款(元)</th>
            <th>-</th>
			<th>服务费收益(元)</th>
			<th>-</th>
			<th>消费退款差额(元)</th>
            <th>=</th>
			<th>平台余额(元)</th>
		</tr>
		<tr>
			<td style="color: #808080;font-size: 14px;">(充值金额+服务费)</td>
            <td></td>
			<td style="color: #808080;font-size: 14px;">(不含退款)</td>
            <td></td>
			<td style="color: #808080;font-size: 14px;">(不含退款)</td>
            <td></td>
            <td></td>
            <td></td>
			<td style="color: #808080;font-size: 14px;">(服务费收益=服务费-已使用的红包)</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
		</tr>
		<tr>
			<td>{{$income}}</td>
            <td></td>
			<td>{{$cost}}</td>
            <td></td>
			<td>{{$waitwithdraw}}</td>
            <td></td>
            <td>{{$refundamount}} + {{$refundfeeamount}}</td>
            <td></td>
			<td>{{$feeincome}}</td>
            <td></td>
            <td>{{$redenvelopebalanceafterorderrefund}}</td>
            <td></td>
			<td>{{$balance}}</td>
		</tr>
	</table>
    <div class="service_charge">
        <p class="title">红包与服务费<span style="font-size: 14px;color: #808080;margin-left: 20px;">(服务费收益的订单红包指的是“未使用”、“已使用”的订单红包，“已过期”订单红包的金额会原路退回分边计入平台、代理商的收入中。)</span></p>
        <ul style="margin-top: 40px;">
            <li class="content">
                <p>充值服务费(元)</p>
                <p>{{$rechargefeeamount}}</p>
            </li>
            <li class="service_mark">=</li>
            <li class="content">
                <p>[代理商]服务费收入(元)</p>
                <p>{{$agentrechargefeeamount}}</p>
            </li>
            <li class="service_mark">+</li>
            <li class="content">
                <p>[平台]服务费收入(元)</p>
                <p>{{$platformrechargefeeamount}}</p>
            </li>
            <li class="service_mark">+</li>
            <li class="content">
                <p>未消费的服务费(元)</p>
                <p>{{$nonconsumptionfeeamount}}</p>
            </li>
        </ul>
        <p style="margin-left: 110px;padding-bottom: 20px;color: #808080;">注：服务费已经减去了充值退款中的服务费，代理商、平台的服务费收入均是按消费订单计算。</p>
        <ul>
            <li class="content">
                <p>已使用的红包(元)</p>
                <p>{{$usedredenvelopestotal}}</p>
            </li>
            <li class="service_mark">=</li>
            <li class="content">
                <p>[代理商]已使用的红包(元)</p>
                <p>{{$agentusedredenvelopes}}</p>
            </li>
            <li class="service_mark">+</li>
            <li class="content">
                <p>[平台]已使用的红包(元)</p>
                <p>{{$platformusedredenvelopes}}</p>
            </li>
            <li class="service_mark">+</li>
            <li class="content">
                <p>差额(元)</p>
                <p>{{$differenceamount}}</p>
            </li>
        </ul>
        <p style="margin-left: 110px;padding-bottom: 20px;color: #808080;">注：差额是由于发红包时只到小数点后一位，且红包按四舍五不入处理带来的。</p>
        {{--<ul>--}}
            {{--<li class="content">--}}
                {{--<p>平台收入(元)</p>--}}
                {{--<p>{{$platformincome}}</p>--}}
            {{--</li>--}}
            {{--<li class="service_mark">=</li>--}}
            {{--<li class="content">--}}
                {{--<p>平台服务费(元)</p>--}}
                {{--<p>{{$platformrechargefeeamount}}</p>--}}
            {{--</li>--}}
            {{--<li style="font-size: 20px;" class="service_mark">-</li>--}}
            {{--<li class="content">--}}
                {{--<p>[平台]已使用的红包(元)</p>--}}
                {{--<p>{{$platformredenvelopeamountused}}</p>--}}
            {{--</li>--}}
            {{--<li class="service_mark">+</li>--}}
            {{--<li class="content">--}}
                {{--<p>[平台]未使用的红包(元)</p>--}}
                {{--<p>{{$platformredenvelopeamountwaited}}</p>--}}
            {{--</li>--}}
            {{--<li class="service_mark">+</li>--}}
            {{--<li class="content">--}}
                {{--<p>[平台]退回的红包(元)</p>--}}
                {{--<p>{{$platformreturnredenvelopeamount}}</p>--}}
            {{--</li>--}}
             {{--<li style="color: red;height: 80px;line-height: 88px;margin-left: 30px;">次日统计</li>--}}
        {{--</ul>--}}
        {{--<ul>--}}
            {{--<li class="content">--}}
                {{--<p>代理商收入(元)</p>--}}
                {{--<p>{{$agentincome}}</p>--}}
            {{--</li>--}}
            {{--<li class="service_mark">=</li>--}}
            {{--<li class="content">--}}
                {{--<p>代理商服务费(元)</p>--}}
                {{--<p>{{$agentrechargefeeamount}}</p>--}}
            {{--</li>--}}
            {{--<li style="font-size: 20px;" class="service_mark">-</li>--}}
            {{--<li class="content">--}}
                {{--<p>[代理商]已使用的红包(元)</p>--}}
                {{--<p>{{$agentredenvelopeamountused}}</p>--}}
            {{--</li>--}}
            {{--<li class="service_mark">+</li>--}}
            {{--<li class="content">--}}
                {{--<p>[代理商]未使用的红包(元)</p>--}}
                {{--<p>{{$agentredenvelopeamountwaited}}</p>--}}
            {{--</li>--}}
            {{--<li class="service_mark">+</li>--}}
            {{--<li class="content">--}}
                {{--<p>[代理商]退回的红包(元)</p>--}}
                {{--<p>{{$agentreturnredenvelopeamount}}</p>--}}
            {{--</li>--}}
            {{--<li style="color: red;height: 80px;line-height: 88px;margin-left: 30px;">次日统计</li>--}}
        {{--</ul>--}}
    </div>
	<p class="oh" style="background-color: #fff;padding-top: 30px;padding-bottom: 30px;">
        <a href="/console/order/recharge/list?cityid={{$cityid}}"><button class="fl" style="background-color: #9955c6;margin: 0 20px 0 30px;">收入明细</button></a>
        <a href="/console/finance/gotmoney/list?cityid={{$cityid}}"><button class="fl" style="background-color: #9955c6;">支出明细</button></a>
        <button class="fr recharge" style="background-color: #9955c6;margin-right: 30px;">+后台充值</button>
        <button class="fr refund" style="background-color: #fff;margin-right: 30px;border: 1px solid #9955c6;border-radius: 5px;color: #000;">给用户退款</button>
    </p>
</section>
<form action="" method="" class="platform_money_mark" style="height: 362px;">
    <p class="oh">
        <span class="fl">后台充值</span>
        <img class="fr" src="{{env('IMAGE_DOMAIN')}}images/close_p.png" alt="">
    </p>
    <div style="height: 260px;">
        充值账号<input type="text" name="mobile" value=""><br>
        <input style="width: 85px;height: 30px;border: 1px solid #9955c6;margin-left: 10px;" type="button" class="query_id" id="search_name" value="查询昵称">
        用户昵称<input type="text" name="nickname" value=""  autocomplete="off"><br>
        充值金额<input type="text" name="money" value="" autocomplete="off"><br>
        充值密码<input type="password" name="rechargepassword" value="" autocomplete="off"><br>
        <span style="position:relative;top: -40px;" >充值备注</span>
        <textarea name="note" id="" cols="10" rows="3"></textarea>
    </div>
    <p class="oh">
        <input type="button" style="background-color: #9955c6;color: #fff;" class="fl platform_money_keep" value="保存"/>
        <input type="button" class="fr platform_money_cancel" value="取消" />
    </p>
</form>
<form class="refund_user_money" action="" method="">
    <p class="oh title">
        <span class="fl">给用户退款</span>
        <img class="fr refund_cancel" src="{{env('IMAGE_DOMAIN')}}images/close_p.png" alt="">
    </p>
    <ul class="content">
        <li>
            <span>用户账号</span>
            <input type="text" name="refund_mobile" value="">
            <a href="#" style="width: 90px;color: #9955c6;font-size: 14px;line-height: 30px;" onclick="getUserMessage()">获取用户信息</a>
        </li>
        <li>
            <span>退款金额</span>
            <input class="money" type="text" name="refund_money" value="">
            <span style="width: 20px;">元</span>
        </li>
        <li>
            <span>退服务费</span>
            <input class="rservice_money" type="text" name="rservice_money" value="">
            <span style="width: 20px;">元</span>
            <p class="note"></p>
        </li>
        <li>
            <span>退款密码</span>
            <input type="password" name="refund_password" value="">
        </li>
        <li>
            <span>退款备注</span>
            <textarea name="refund_note" id="" cols="30" rows="10"></textarea>
        </li>
    </ul>
    <ul class="user_message">
    
    </ul>
    <p class="oh button">
        <input type="button" style="background-color: #9955c6;color: #fff;" class="fl refund_keep" value="保存"/>
        <input type="button" class="fr refund_cancel" value="取消" />
    </p>
</form>
@endsection

@section('scriptResources')
    @parent
    <script>
        var cityid='{{$cityid}}';
        $(document).ready(function() {
            $('.recharge').click(function(){
                $("input[name='money']").val('');
                $("input[name='rechargepassword']").val('');
                $(".platform_money_mark").show();
            });
            $('.platform_money_mark p img').click(function(){
                $(".platform_money_mark").hide();
            });
            $('.platform_money_cancel').click(function(){
                $(".platform_money_mark").hide();
            })
            //点击保存
            $('.platform_money_keep').click(function(){
                var mobile=$("input[name='mobile']").val();
                var money = $("input[name='money']").val();
                var note=$("textarea[name='note']").val();
                var password=$("input[name='rechargepassword']").val();
                $.ajax({
                    url : '/console/finance/recharge/money',
                    data:{
                        "mobile":mobile,
                        'money':money,
                        'note':note,
                        'cityid':cityid,
                        'password':password
                        },
                    dataType:'json',
                    type:'post',
                    success:function(data){
                        if(data.status == 'success') {
                            alert(data.message);
                            $(".platform_money_mark").hide();
                        } else {
                            alert(data.message);
                        }
                    }
                });
            })
            $('#search_name').click(function() {
                var mobile=$("input[name='mobile']").val();
                console.log(mobile);
                $.ajax({
                    url : '/console/user/nickname/get',
                    data:{"mobile":mobile},
                    dataType:'json',
                    type:'get',
                    success:function(data){
                        if(data.status == 'success') {
                            $("input[name='nickname']").val(data.data);
                        } else {
                            alert(data.message);
                        }
                    }
                });
            });
            //退款
            $(".refund_cancel").click(function(){
                $(".refund_user_money").hide();
                $(".public_prompt_mark").hide();
            })
            $(".refund").click(function(){
                $(".refund_user_money").show();
                $(".refund_user_money input[type='text']").val("");
                $(".refund_user_money textarea").val("");
                $(".public_prompt_mark").show();
                $(".public_prompt_mark").height($(window).height());
                $(".refund_user_money .rservice_money").blur(function(){
                    var money = parseFloat($(".refund_user_money .money").val());
                    var fuwufei = "{{env('RECHARGE_FEE')}}";
                    // alert(money)
                    if(isNaN(money)){
                        $(".refund_user_money .note").html("请填入退款金额");return false;
                    }else{
                        var really_money = money*fuwufei;
                        really_money=really_money.substring(0,really_money.indexOf(".") + 3);
                        var rservice_money = parseFloat($(".refund_user_money .rservice_money").val());
                        if(isNaN(rservice_money)){
                            $(".refund_user_money .note").html("请填入退服务费");return false;
                        }else if(rservice_money > really_money){
                            $(".refund_user_money .note").html("服务费需小于等于退款金额*"+fuwufei);return false;
                        }else{
                            $(".refund_user_money .note").html("合计共退款¥"+(rservice_money+money));
                        }
                    }
                })
            })
        });
        function getUserMessage(){
            $(".user_message").empty();
            var refund_mobile = $("input[name='refund_mobile']").val();
            $.ajax({
                url : '/console/finance/rechargelist/getbymobile',
                data:{"mobile":refund_mobile},
                dataType:'json',
                type:'get',
                success:function(data){
                    if(data.status == 'success') {
                        var data = data.data;
                        var lists = data['lists'];
                        var lis=' <li>'+
                                    '<span>昵称：' + data['nickname'] + '</span>'+
                                    '<span>当前余额：'+ data['balance'] + '</span>'+
                                    '<span>服务费：¥' + data['fee'] + '</span>'+
                                '</li>'+
                                '<li style="margin-bottom: 0;"><p>最近3笔充值：</p></li>';
                        $(".user_message").show();
                        $(".user_message").append($(lis));
                        for (var i = 0; i < lists.length; i++) {
                            var list = lists[i];
                            var recharge='<li>'+
                                            '<p>'+
                                                '<span>' + list['created_at'] + '</span>'+
                                                '<span>充值金额：￥'+ list['money'] + '</span>'+
                                                '<span>服务费：￥' + list['fee'] + '</span>'+
                                                '<span>实付：￥'+ list['actualmoney'] + '</span>'+
                                            '</p>'+
                                        '</li>';
                            $(".user_message").append($(recharge));
                        };
                    } else {
                        alert(data.message);
                    }
                }
            });
        }

        $(".refund_keep").click(function() {
            $(".public_prompt_mark").css('z-index','10000');
            var refund_mobile = $("input[name='refund_mobile']").val();
            var refund_money = $("input[name='refund_money']").val();
            var rservice_money = $("input[name='rservice_money']").val();
            var refund_note = $("textarea[name='refund_note']").val();
            var refund_password = $("input[name='refund_password']").val();
            $.ajax({
                 url : '/console/finance/platform/refund',
                 data:{
                     "cityid":cityid,
                     "mobile":refund_mobile,
                     "money":refund_money,
                     "fee":rservice_money,
                     "note":refund_note,
                     "password":refund_password
                    },
                 dataType:'json',
                 type:'post',
                 success:function(data){
                     if(data.status == 'success') {
                         alert(data.message);
                         window.location.reload();
                     } else {
                         alert(data.message);
                         $(".public_prompt_mark").css('z-index','1000');
                     }
                 }
            });
        });

    </script>
@endsection